<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    //获取项目路径，并设置进"app_path"
    pageContext.setAttribute("app_path", request.getContextPath());
    pageContext.setAttribute("myInterface", "\"http://localhost:9002/user-curd/users\"");
%>
<!-- 使用EL表达式(${app_path})查出项目路径 -->
<!-- jquery 核心 JavaScript 文件 -->
<script src="${app_path}/static/js/jquery-3.5.1.min.js"></script>
<!-- Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="${app_path}/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<!-- Bootstrap 核心 JavaScript 文件 -->
<script src="${app_path}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!-- Bootstrap alert 扩展 JavaScript 文件 -->
<script src="${app_path}/static/bootstrap-alert-extend/bootstrap-alert-extend.js"></script>


<div class="col-lg-10">

    <div class="page-header" style="margin-top: -20px;margin-bottom: 5px;">
        <h2>角色权限列表</h2>
    </div>

    <!--用户处理框-->
    <div class="panel panel-default">
        <div class="panel-body">

                <!--表格-->
                <%-- 用于显示角色权限的表格 --%>
                <table id="" class="table table-hover table-bordered table-striped">
                    <caption></caption>
                    <thead>
                    <tr>
                        <th >id</th>
                        <th >角色名称</th>
                        <th >拥有权限</th>
                        <th >brief</th>
                        <th >操作</th>

                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>系统管理员</td>
                        <td>
                            <form>
                                <div class="form-inline">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> 用户管理
                                        </label>
                                    </div>&nbsp;&nbsp;
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> 角色管理
                                        </label>
                                    </div>&nbsp;&nbsp;
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> 员工管理
                                        </label>
                                    </div>&nbsp;&nbsp;
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> 部门管理
                                        </label>
                                    </div>
                                </div>
                            </form>
                        </td>
                        <td>用户管理模块可以修改用户的信息; 角色管理模块可以修改角色的信息</td>
                        <td>
                            <button class="btn btn-primary btn-sm">修改</button>
                        </td>
                    </tr>

                    </tbody>
                </table>

            </div>
        </div>
</div>
</div>


<script type="text/javascript">


</script>

